<template>
  <div class="road">
    <History ref="history" />
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, nextTick } from 'vue'
import History from '@/components/game/qxc/history.vue'

const history = ref()

const openHistoryPopup = () => {
  nextTick(() => {
    history.value?.showOrHide()
  })
}

onMounted(() => {
  openHistoryPopup()
})
</script>

<style lang="less" scoped>
.road {
  padding: 20px 10px;

  :deep(.record-box) {
    height: 100%;
    max-height: 100%;

    .record-box-tbody {
      height: calc(100% - 34px);
    }
  }
}
</style>
